<template>
  <div>
    <div class="content">
      <div class="comment">
        <div class="left">
          <div class="sp">
            <span>100</span>
            <span>%</span>
          </div>
          <p>好评度</p>
        </div>
        <div class="percent">
          <span class="span-block">
            <span>好评</span>
            <span class="new-txtb8">（100%）</span>
            <span class="new-gd-bar new-mg-l12">
              <span style="width: 100%" id="_goodScaleImg"></span>
            </span>
          </span>
          <span class="span-block">
            <span>中评</span>
            <span class="new-txtb8">（0%）</span>
            <span class="new-gd-bar new-mg-l12">
              <span style="width: 0%" id="_mediumScaleImg"></span>
            </span>
          </span>
          <span class="span-block">
            <span>差评</span>
            <span class="new-txtb8">（0%）</span>
            <span class="new-gd-bar new-mg-l12">
              <span style="width: 0%" id="_badScaleImg"></span>
            </span>
          </span>
        </div>
      </div>
      <ul class="score">
        <li>
          <div class="am">
            <van-rate v-model="value" readonly :size="14" color="#ffd21e" />
            <span>陈*星</span>
          </div>
          <div class="pinglun">
            <p>
              很好的，谢谢啦，写错位置了，快递小哥耐心的按照收货人的指示送到了新的地址，谢谢啦
            </p>
          </div>
          <div class="img">
            <img
              :src="list1.cover"
              alt=""
            />
          </div>
        </li>
        <li>
          <div class="am">
            <van-rate v-model="value" readonly :size="14" color="#ffd21e" />
            <span>张*华</span>
          </div>
          <div class="pinglun">
            <p>店家的花很nice！服务也很好</p>
          </div>
          <!-- <div class="img">
            <img
              src="http://res.xiangsidi.com///attachment/goods/800/201905/5cdd274e8eba4.jpg@640h_640w_0e"
              alt=""
            />
          </div> -->
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import Vue from "vue";
import { Rate } from "vant";
import {mapMutations,mapState} from 'vuex'

Vue.use(Rate);
export default {
    data() {
        return {
            value: 5
        }
    },
    computed: {
    // list1() {
    //   return this.$store.state.detail.xqlist
    // }
    ...mapState({
      list1:state=>state.detail.xqlist
    })
  },
  created () {
    console.log(this.$store.state.detail.xqlist);
  },
};
</script>

<style src="../assets/css/score.css" scoped></style>
<style src="../assets/css/reset.css" scoped></style>